<template>
    <view class="main">
        <view class="nvabar">
            <uni-icons type="left" style="position: relative; top: 35rpx;" size="30" @click="back()"></uni-icons>
            <view style="position: relative; top: 35rpx; left: 240rpx;font-size: 40rpx; " size="30">更改名字</view>
            <button type="primary" class="buttonBox" style=" background-color: #07c160;">保存</button>
        </view>
        <view class="inputName">
            <input class="uni-input" focus placeholder="请输入名字" />

        </view>
        <view>

        </view>
    </view>
</template>

<script setup lang="ts">
import {onLoad} from "@dcloudio/uni-app";
import {getCurrentInstance, ref, type Ref, nextTick} from 'vue';
import {request} from '@/api/request';
import type {AccountDto} from "@/api/model/account/AccountDto";
const account: Ref<AccountDto | undefined> = ref();
const img_desc=[{
    fileID: 1,
url: 'http://xx.com/0a59c9274b93261a163b29d848bd85ee_20221014181722A003.jpg'
}]
onLoad(async (option) => {
    account.value = uni.getStorageSync('account');
   
   
});

const styles = {
    color: 'black',
    borderColor: '#ededed'
}

const back = ()=>{
    uni.navigateBack({
        delta: 2
    });
}

</script>

<style lang="scss">
page {
    width: 100%;
    height: 100%;
}

.main {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #F1F5FF;
}

.nvabar {
    width: auto;
    height: 130rpx;
    display: flex;
}

.buttonBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 35rpx;
    left: 170rpx;
    width: 150rpx;
    height: 60rpx;
    color: white;
}

.uni-input {
    border-bottom: 1rpx solid GRAY;
    margin: 0 30rpx;
    height: 40rpx;
    line-height: 40rpx;
    font-size: 40rpx;
    flex: 1;
    background-color: #F1F5FF;

}

.uni-input-input:focus {
    border-bottom: 1rpx solid #2aff55;
}
</style>